.search {
  width: 100%;
  padding: 20rpx 30rpx;
  box-sizing: border-box;
  .search-box {
    width: 100%;
    height: 80rpx;
    position: relative;
    border: 1px solid #cccccc; 
    border-radius: 40rpx;
    padding: 0rpx 40rpx;
    box-sizing: border-box;
    .icon {
      width: 40rpx;
      height: 40rpx;
      position: absolute;
      left: 20rpx;
      top: 20rpx;
    }
    .text {
      position: absolute;
      right: 20rpx;
      top: 0rpx;
      line-height: 76rpx;
      color: #FEAC02;
    }
    .input {
      width: 100%;
      height: 80rpx;
      padding-left: 40rpx;
      box-sizing: border-box;
    }
  }
 
}
page {
  height: 100%;
}
.main {
  height: calc(100% - 100rpx);
  width: 100%;
  display: flex;
  .left {
    width: 180rpx;
    height: 100%;
    overflow-y: scroll;
    border-right: 1px solid  #ccc;
    .opt {
      width: 100%;
      height: 80rpx;
      line-height: 80rpx;
      border-bottom: 1px dashed  #f0f0f0;
      padding-left: 20rpx;
      box-sizing: border-box;
      font-size: 30rpx;
    }
    .active {
       color: #FEAC02;
    }
  }
  .right {
    width: calc(100% - 180rpx);
    height: 100%;
    padding: 0rpx 20rpx;
    box-sizing: border-box;
    overflow-y: scroll;
    .title {
      font-weight: bold;
      padding: 20rpx 0rpx;
    }
    .img-box {
      image {
        width: 100%;
      }
    }
  }
}